html {
  --font-color: #000;
  --font-color85: rgb(0, 0, 0, 0.85); // 黑色字体的
  --primary-color: #18a0fb; // 主题色
  --background-color-base: #fff; // 页面背景色
  --component-background: #fff; // 组件背景色
  --form-control-border: #d9d9d9; // 表单控件边框颜色
  --text-color-tertiary: #7a7d7f; // 三级文本色 （暂定）
  --tj-time-order-select-active: rgba(24, 160, 251, 0.5); // 时点选择器激活颜色（暂定）
  --form-control-border-radius: 5px; // 组件/浮层圆角
  --page-height: calc(100vh - var(--global_HeaderBarHei)); // 用于本项目中设置整体页面容器高度
  --arrow-color: var(--font);
  --arrow-bg: var(--btn2);
  --step-bg: var(--btn2);
  --jzjj-mask: rgba(0, 0, 0, 0.1);
  --jzjj-red: rgba(244, 63, 40, 0.1);
  --jzjj-green: rgba(40, 178, 139, 0.1);
  --jzjj-yellow: rgba(252, 198, 81, 0.1);
  --chart-x-line: #d1d9e9;
  --chart-y-line: #d8dce6;
  --chart-font-color: #888e95;
  --chart-legend-color: var(--font-a60);
  --tips-font-color: #373e48;
  --tj-content-p: 20px;
  --tj-border-radius-base: 5px;
  --upload-file-info: var(--ant-cus-base_bg_black_a03);
}

html[data-type-color='dark'] {
  --font-color: #fff;
  --font-color85: rgba(255, 255, 255, 0.85); // 白色字体的0.85
  --background-color-base: #161a1d; // 页面背景色
  --component-background: #222629; // 组件背景色
  --form-control-border: #434343; // 表单控件边框颜色
  --text-color-tertiary: #7a7d7f; // 三级文本色 （暂定）
  --tj-time-order-select-active: rgba(24, 160, 251, 0.5); // 时点选择器激活颜色（暂定）
  --btn-bg: #18a0fb; // 深色主题按钮颜色
  --modal-content-border-color: rgba(255, 255, 255, 0.1); // 模态框内线颜色
  --arrow-color: var(--font);
  --arrow-bg: var(--btn2);
  --step-bg: #161a1d;
  --jzjj-mask: var(--bg-mask);
  --jzjj-red: #382a2c;
  --jzjj-green: #233732;
  --jzjj-yellow: #383226;
  --chart-x-line: var(--bd);
  --chart-y-line: var(--bd-a50);
  --chart-font-color: rgba(122, 125, 127, 1);
  --chart-legend-color: rgba(167, 168, 169, 1);
  --tips-font-color: #d3d4d4;
  --upload-file-info: rgba(255, 255, 255, 0.04);
}

html[data-type-color='gre'] {
  --arrow-color: var(--font-primary);
  --arrow-bg: #043858;
  --step-bg: #002646;
  --jzjj-mask: var(--bg-mask);
  --jzjj-mask: var(--bg-mask);
  --jzjj-red: rgba(253, 79, 67, 0.3);
  --jzjj-green: rgba(18, 184, 128, 0.1);
  --jzjj-yellow: rgba(244, 169, 69, 0.3);
  --chart-x-line: var(--font-a40);
  --chart-y-line: rgba(255, 255, 255, 30%);
  --chart-font-color: var(--font-a60);
  --chart-legend-color: rgba(255, 255, 255, 70%);
  --tips-font-color: rgba(255, 255, 255, 0.9);
  --upload-file-info: rgba(255, 255, 255, 0.04);
}
